<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>


    <title>H+ 后台主题UI框架 - 小工具</title>

    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台"></meta>
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术"></meta>


    <link rel="shortcut icon" href="favicon.ico"></link> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet"></link>
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet"></link>
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet"></link>
    <link href="css/animate.css" rel="stylesheet"></link>
    <link href="css/style.css?v=4.1.0" rel="stylesheet"></link>
    <script src="js/jquery.min.js"></script>

    <script>
        $(
            function () {
                $("#modifycate").submit(
                    function() {
                        var cateid      = $("#cateid").val();
                        var catename    = $("#catename").val();
                        var parentid    = $("#parentid").val();
                        var image       = $("#image").val();
                        $.post(
                            "modifytype",
                            {"cateid":cateid,"catename":catename,"parentid":parentid,"image":image},
                            function (rel) {

                                alert(rel.trim()=="true"?"成功":"失败");
                                window.location.href="wl_category_get";
                            }
                        );
                        return false;
                    }
                );
            }
        );
    </script>
    <style>
        .droppable-active {
            background-color: #ffe !important;
        }

        .tools a {
            cursor: pointer;
            font-size: 80%;
        }

        .form-body .col-md-6,
        .form-body .col-md-12 {
            min-height: 400px;
        }

        .draggable {
            cursor: move;
        }
    </style>

</head>
<body class="gray-bg" style="margin: 0 auto;padding: 0;">
<div class="wrapper wrapper-content" >

    <div class="row">
        <div class="col-sm-5" >
            <div class="ibox float-e-margins" >
                <div class="ibox-title" style="text-align: center;margin: 0 auto;">
                    <h5>Category修改</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="form_editors.html#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="form_editors.html#">选项1</a></li>
                            <li><a href="form_editors.html#">选项2</a>
                            </li>
                        </ul>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">

                    <form id="modifycate" method="post" class="form-horizontal m-t">
                        <div class="form-group draggable">
                            <label class="col-sm-3 control-label">类别编号：</label>
                            <div class="col-sm-9">
                               <input id="cateid" name="cateid" class="form-control"
                                       type="text" style="color: #010101"  th:label="cateid"
                                       th:value="${typeInfo.cateid}" placeholder="请输入类别编号"></input><br/>
                            </div>
                        </div>
                        <div class="form-group draggable">
                            <label class="col-sm-3 control-label">类别名称：</label>
                            <div class="col-sm-9">
                                <input id="catename" name="catename" class="form-control"
                                       type="text" style="color: #010101" th:label="catename"
                                       th:value="${typeInfo.catename}" placeholder="请输入类别名称">
                                </input><br/>
                            </div>
                        </div>
                        <div class="form-group draggable">
                            <label class="col-sm-3 control-label">父类：</label>
                            <div class="col-sm-9">
                                <select name="parentid">
                                    <option th:each="category:${category_list}" th:text="${category.catename}" th:value="${category.cateid}"></option>
                                </select>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group draggable">
                            <div class="col-sm-12 col-sm-offset-3">
                                <input class="btn btn-primary" type="submit" value="提交"></input>
                                <a class="btn btn-primary" href="wl_category_get" >取消</a>
                            </div>
                        </div>
                    </form>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

    </div>

</div>

<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>

<!-- 自定义js -->
<script src="js/content.js?v=1.0.0"></script>

<!-- jQuery UI -->
<script src="js/jquery-ui-1.10.4.min.js"></script>

<!-- From Builder -->
<script src="js/plugins/beautifyhtml/beautifyhtml.js"></script>



<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<!--统计代码，可删除-->
</body>

</html>
